<template>
	<!-- <span
		class="relative w-full inline-flex justify-center items-center gap-1 whitespace-nowrap cursor-pointer app-font-bold app-font-num">
		<span class="flex-grow overflow-hidden">
			{{
				fmtAmount(value, {
					currency,
					currencySymbol,
					hideCurrenySymbol: true,
					precision
				})
			}}
		</span>
		<base-currency
			v-if="!hideCurrency"
			:currency="currency || appStore.currency"
			class="flex-shrink-0"
			:class="currencyClass" />
	</span> -->
	<base-amount :value="value" :currency="currency as any"></base-amount>
</template>

<script lang="ts" setup>
//import { fmtAmount } from '@/utils'
import { BaseAmount } from '@/components/base'

defineProps({
	value: {
		type: [Number, String],
		default: ''
	},
	currency: {
		type: String
	},
	currencyClass: {
		type: String
	},
	currencySymbol: {
		type: String,
		default: undefined
	},
	hideCurrency: {
		type: Boolean,
		default: false
	},
	precision: {
		type: [Number, String]
	}
})
</script>
<style lang="scss" scoped></style>
